@charset "utf-8";

.wrap-container {
  position: absolute;
  // overflow: hidden;
  // display: block;
  cursor: default;//鼠标显示样式
  z-index: 0;
  left: 0; 
  bottom: 0; 
  width: 100%; 
  height: 60%;
}

// %sn-container-before {
//   content: "";
//   position: absolute;
//   top: -2px;
//   width: 5px;
//   height: 5px;
//   border-color: #0a6aff;
//   border-style: solid;
//   border-top-width: 2px;
//   border-bottom-width: 0;
// }
.sn-container {
  // position: absolute;
  background: url(../../assets/img/wg.png);
  background-blend-mode: screen;
  overflow: visible;
  // &:before {
  //   @extend %sn-container-before;
  //   left: -2px;
  //   border-left-width: 2px;
  //   border-right-width: 0;
  // }
  // &:after {
  //   @extend %sn-container-before;
  //   right: -2px;
  //   border-left-width: 0;
  //   border-right-width: 2px;
  // }

  // %sn-content-before {
  //   content: "";
  //   position: absolute;
  //   bottom: -2px;
  //   width: 5px;
  //   height: 5px;
  //   border-color: #0a6aff;
  //   border-style: solid;
  //   border-top-width: 0;
  //   border-bottom-width: 2px;
  // }
  .sn-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    // .sn-title {
    //   position: absolute;
    //   height: 26px;
    //   font-size: 16px;
    //   color: #00c2ff;
    //   line-height: 26px;
    //   padding: 0 0 0 20px;
    //   left: 10px;
    //   right: 10px;
    //   top: 10px;
    //   &:before {
    //     content: "";
    //     position: absolute;
    //     left: 0;
    //     top: 50%;
    //     margin-top: -7px;
    //     width: 14px;
    //     height: 14px;
    //     background: url(../../assets/img/sn-title.png) no-repeat 0% 0%;
    //   }
    // }
    // &:before {
    //   @extend %sn-content-before;
    //   left: -2px;
    //   border-left-width: 2px;
    //   border-right-width: 0;
    // }
    // &:after {
    //   @extend %sn-content-before;
    //   right: -2px;
    //   border-left-width: 0;
    //   border-right-width: 2px;
    // }

    .sn-body {
      position: absolute;
      top: 40px;
      left: 0;
      right: 0;
      bottom: 0;
      
    }
    
  }
}


@font-face {
    font-family: 'DIGITALDREAMFAT';
    /*src: url('./fonts/DIGITALDREAMFAT.eot');*/
    /*src: url('./fonts/DIGITALDREAMFAT.eot') format('embedded-opentype'),*/
    src: url('./fonts/DIGITALDREAMFAT.woff2') format('woff2'),
    url('./fonts/DIGITALDREAMFAT.woff') format('woff'),
    url('./fonts/DIGITALDREAMFAT.ttf') format('truetype');
    /*url('./fonts/DIGITALDREAMFAT.svg#DIGITALDREAMFAT') format('svg');*/
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-digital {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-digital .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-digital .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-digital .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /*overflow: hidden;*/
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-digital .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-digital .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-digital .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-digital .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-digital.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-digital.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-digital.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-digital.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-digital {
  background-image: url('');
  background-size: 100%;
  background-image: -moz-radial-gradient(rgba(139, 245, 165, 0.4), #000000);
  background-image: -webkit-radial-gradient(rgba(139, 245, 165, 0.4), #000000);
  background-image: radial-gradient(rgba(139, 245, 165, 0.4), #000000);
  background-color: #000;
  font-family: "DIGITALDREAMFAT";
  padding: 0 0.2em;
  line-height: 1.1em;
  color: #8bf5a5;
}
.odometer.odometer-auto-theme .odometer-digit + .odometer-digit, .odometer.odometer-theme-digital .odometer-digit + .odometer-digit {
  margin-left: 0.1em;
}